<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<title></title>
	<link rel="stylesheet" href='/static/css/common.css' />
	{% block css %} {% endblock%}
</head>
<body>

	<div class='pg-title'>
		<ul>
			<li><a>运维管理平台</a></li>
                        {%if user.is_authenticated %}
                             {{ user.username }}.阁下，欢迎您!
                            <a href="{% url 'users:logout'%}">注销</a>
                        {% else %}
                            <a href="{% url 'users:register' %}">注册</a>
                            <a href="{% url 'users:login' %}">登陆</a>
                        {% endif %}
		</ul>
	</div>
	
	<div class='pg-body'>
		<div class='body-menu'>
			<div>
				<div class="menu-title">用户管理</div>
				<div class="menu-body hide">
					<a href="{% url 'users:login' %}">用户登陆</a>
					<a href="{% url 'users:register' %}">用户注册</a>
					<a href="">用户列表</a>
				</div>
			</div>

			<div>
				<div class="menu-title">CMDB</div>
				<div class="menu-body">
					<a href="{% url 'cmdb:idcs' %}">IDC</a>
					<a href="">服务器</a>
					<a href="">网络设备</a>
				</div>
			</div>

			<div>
				<div class="menu-title">批量执行</div>
				<div class="menu-body hide">
					<a href="">content1</a>
					<a href="">content2</a>
					<a href="">content3</a>
				</div>
			</div>

		</div>
		
		<div class='body-content'>
			{% block content %} {% endblock%}
		</div>
	</div>
	
	<div></div>
	<script type="text/javascript" src='/static/js/jquery-1.8.2.js'></script>
	{% block javascript %} {% endblock%}
	<script type="text/javascript">
		$(function(){
			$('.menu-title').click(function(){
				$(this).parent().siblings().children('.menu-body').addClass('hide');
				$(this).next().removeClass('hide');
			});
		});
	</script>
</body>
</html>
